<template>
    <div class="table-tools">
        <a-button type="primary" ghost @click="onRefresh">
            <template #icon><ReloadOutlined /></template>
            刷新
        </a-button>
    </div>
</template>
<script lang="ts">
import { defineComponent, reactive, toRefs } from "vue";
import { ReloadOutlined } from "@ant-design/icons-vue";
export default defineComponent({
    name: "DataExtractTool",
    setup(props, { emit }) {
        const state = reactive({
            onRefresh: () => {
                emit("onRefresh");
            },
        });
        return {
            ...toRefs(state),
        };
    },
    components: { ReloadOutlined },
});
</script>
<style lang="less" scoped>
.table-tools {
    margin-bottom: 10px;
    > button {
        margin-right: 4px;
    }
}
</style>